@media only screen and (min-width: 769px){
    .header-container {
        /*height: 80px;*/
        width: 100%;
        position: relative;
    }

    .header-container  .header-fixed{
        height: 80px;
        width: 100%;
        background-color: rgba(22, 22, 23 , 0.9);
        font-family: AlibabaPuHuiTi-Regular;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }

    .header-c{
        width: 1200px;
        height: 100%;
        margin: 0 auto;
    }

    .header-container .header-nav-pc{
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 100%;
        line-height: 80px;
        float: right;
    }

    .header-container .header-nav-pc .header-link{
        color: #c0c1c9;
        font-size: 14px;
        width: 100px;
        text-align: center;
        height: 100%;
        display: block;
        position: relative;
        cursor: pointer;
    }

    .header-container .header-nav-pc>.active{
        background-color: rgba(27, 29, 36, 0.5);
    }

    .header-container .header-nav-pc .header-link span{
        opacity: 0.6;
    }

    .header-container .header-nav-pc>.active>span{
        color: #fff;
        opacity: 1;
    }

    .header-link .sec-menu{
        position: absolute;
        top : 100%;
        left: 0;
        background-color: rgba(48, 52, 66, 0.9);
        width: 100%;
        font-size: 12px;
        font-family: Mont-Book;
        text-align: center;
        display: none;
    }

    .header-link .sec-menu li{
        height: 50px;
        line-height: 52px;
        border-bottom: 2px solid rgba(62, 66, 79);
    }

    .header-link .sec-menu>li:last-child{
        border-bottom: none;
    }

    .header-link .sec-menu li>a{
        display: block;
        width: 100%;
        height: 100%;
        color: #c0c1c9;
        opacity: 0.6;
    }

    /* .header-link .sec-menu li>a span{
        color: #c0c1c9;
        opacity: 0.6;
    } */

    /* .header-link .sec-menu li.active>a span{
        color: #fff;
        opacity: 1;
    } */

    .header-link .sec-menu li.active>a{
        color: #fff;
        opacity: 1;
    }

    .header-link .sec-menu li.active{
        border-color: rgba(0, 0, 1, 0.9);
        background-color: rgba(0, 0, 1, 0.9);
    }

    .header-container .header-nav-pc .active .sec-menu{
        display: block;
    }

    .header-container .header-nav-pc .default .sec-menu{
        display: none;
    }

    .header-container .header-logo{
        width: 154px;
        height: 100%;
        background-position: 0 center;
        background-repeat: no-repeat;
        background-size: 154px auto;
        background-image: url(../svg/header-logo.svg);
        float: left;
        /* margin-left: 35px; */
        /* margin-right: 125px; */
    }

    .logo-index{
        display: block;
        width: 100%;
        height: 100%;
    }

    .header-container .header-btns{
        display: flex;
        flex-direction: row;
        align-items: center;
        /* position: absolute;
        right: 0;
        top: 0; */
        height: 100%;
    }


    .header-container .header-btns .header-btn{
        width: 80px;;
        height: 30px;
        line-height: 30px;
        color: #c0c1c9;
        font-size: 14px;
        border-radius: 40px;
        box-sizing: border-box;
        border: 1px solid #353948;
        margin-left: 10px;
        text-align: center;
    }

    .header-container .header-btns .active{
        background-color: #353948;
        color: #fff;
    }

    .slgw-tools{
        width: 62px;
        height: 142px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: fixed;
        bottom: 60px;
        right: 10px;
        z-index: 999;
    }

    .slgw-tools .f-tool{
        width: 62px;
        height: 62px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 28px auto;
        background-color: #fff;
        border-radius: 50%;
        border: 1px solid #F0F0F2;
    }

    .menu-btn{
        display: none;
    }

    .header-container .header-nav-h5{
        display: none;
    }

}


/* ---------------------------------------------- h5 -------------------------------------------- */

@media only screen and (max-width: 768px){



    .header-container {
        height: 0.9rem;
        width: 100%;
        position: relative;
    }

    .header-container  .header-fixed{
        height: 0.9rem;
        width: 100%;
        background-color: #000;
        font-family: AlibabaPuHuiTi-Regular;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        border-bottom: 1px solid #242731;
    }

    .header-c{
        width: 100%;
        height: 100%;
        position: relative;
    }

    .header-container .header-nav-pc{
        display: none;
    }

    .header-container .header-nav-h5{
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #000;
        height: calc(100vh - 0.9rem);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .header-container .header-nav-h5 .header-link{
        width: 100%;
        display: block;
        position: relative;
        cursor: pointer;
        line-height: 0.8rem;
        height: 0.8rem;
        overflow: hidden;
        border-bottom: 1px solid #242731;
        transition: all linear 0.3s;
    }

    .header-container .header-nav-h5 .header-link .main-title{
        padding: 0 0.6rem;
        position: relative;
        z-index: 100;
    }
    .header-container .header-nav-h5 .header-link .main-title>span{
        color: #b9bac2;
        font-size: 0.3rem;
        font-family: AlibabaPuHuiTi-Regular;
    }

    .header-container .header-nav-h5 .header-link .header-down{
        display: block;
        width: 0.32rem;
        height: 0.8rem;
        background-image: url(../image/header/down.png);
        background-position: center center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        transition: all 0.3s linear;
    }

    .activeh5 .header-down{
        transform: rotate(180deg);
    }

    .header-container .header-nav-h5 .header-link .header-esp{
        display: block;
        width: 0.32rem;
        height: 0.8rem;
        background-image: url(../image/header/esp.png);
        background-position: center center;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .header-link .sec-menu{
        background-color: rgba(53, 57, 72, 0.5);
        width: 100%;
        font-size: 0.26rem;
        color: #bbbcc4;
        font-family: Mont-Light;
        text-align: left;
        padding: 0 0.6rem;
    }

    .header-link .sec-menu li{
        border-bottom: 1px solid rgba(49, 51, 58, 0.5);
        line-height: 0.8rem;
        height: 0.8rem;
        display: flex;
        align-items: center;
    }

    .header-link .sec-menu li>a{
        display: flex;
        width: 100%;
        height: 0.3rem;
        line-height: 0.3rem;
    }

    .header-link .sec-menu li>a span{
        color: #c0c1c9;
        opacity: 0.6;
    }

    .header-container .header-logo{
        width: 1.54rem;
        height: 100%;
        background-position: 0 center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-image: url(../svg/header-logo.svg);
        margin-left: 0.6rem;
        float: left;
    }

    .logo-index{
        display: block;
        width: 100%;
        height: 100%;
    }

    .header-container .header-btns{
        width: 0.5rem;
        height: 100%;
        display: flex;
        align-items: center;
        margin-right: 0.5rem;
    }


    .header-btns .menu-btn{
        width: 0.5rem;
        height: 0.5rem;
    }

    .breads{
        margin: 0 auto;
    }

    .breads-close{
        width: 100%;
        height: 100%;
        background-image: url(../image/header/header_close.png);
        background-repeat: no-repeat;
        background-size: 0.32rem 0.32rem;
        background-position: center center;
        display: none;
    }

    /* .nav-h5-show .breads-close{
        display: block;
    } */

    .header-btns .menu-btn .bread{
        width: 0.3rem;
        height: 2px;
        margin: 0 auto;
        background-color: #fff;
        transition: all 0.3s linear;
    }

    .header-btns .menu-btn .bd1{
        transform-origin: 0 50%;
    }

    .header-btns .menu-btn .bd2{
        transform-origin: 0 50%;
    }


    .nav-h5-show .breads .bread{
        height: 1px;
        width: 0.44rem;
    }

    .nav-h5-show .breads .bd1{
        transform: rotate(45deg);
        margin-top: -0.22rem;
        margin-left: 0.11rem;
    }

    .nav-h5-show .breads .bd2{
        transform: rotate(-45deg);
        margin-top: 0.22rem;
        margin-left: 0.11rem;
    }

    .nav-h5-show .breads {
        margin-top: 0.22rem;

    }

    .header-c .nav-h5-show{
        display: block;
    }

    .clearance{
        margin: 0.07rem auto;
    }

    .header-container .header-btns .header-btn{
        display: none;
    }

    .header-h5-btns{
        width: 100%;
        padding: 0.6rem;
        padding-bottom: 0.9rem;
    }

    /* .header-bottom{
        width: 100%;
        height: 2rem;
    } */

    .header-h5-btn{
        width: 1.65rem;
        height: 0.65rem;
        border-radius: 0.32rem;
        border: 1px solid #2e323f;
        text-align: center;
        line-height: 0.65rem;
        font-family: Mont-Book;
        color: #c0c1c9;
        font-size: 0.28rem;
        margin-right: 0.2rem;
        cursor: pointer;
    }



    .header-h5-btns .active{
       color: #fff;
       background-color: #353948;
    }



    .header-nav-h5{
        display: none;
    }

    .header-h5-proposal{
        width: 0.61rem;
        height: 0.61rem;
        border: 1px solid #2e323f;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% auto;
        background-image: url(../svg/index-leave-mes.svg);
        border-radius: 50%;
    }
}


.goTop{
    background-image: url(../svg/index-top.svg);
}

.proposal{
    background-image: url(../svg/index-leave-mes.svg);
}


/*hover效果*/
.discolour:hover{
    background: #353948;
}

.sl_raise_box{
    transition: all 0.2s linear;
    cursor: pointer;
}
.sl_raise_box:hover .slgw-news-content-info-pbe-n-img>img{
    /*box-shadow: 0 0 0.2rem 0.03rem #dedede;*/
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: -webkit-transform 0.2s linear;
}

.sl_raise_box1{
    transition: all 0.2s linear;
    cursor: pointer;
}
.sl_raise_box1:hover .slgw-news-content-info-pbe-f-img>img{
    /*box-shadow: 0 0 0.2rem 0.03rem #dedede;*/
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: -webkit-transform 0.2s linear;
}

/* 移动端工具 */
@media only screen and (max-width: 768px){
    .slgw-tools{
        display: none;
    }
}



/* 产品下载 留言板 pc*/
@media only screen and (min-width: 769px){

    .slgw-header-dialog-contanier{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(53, 57, 72, 0.5);
        z-index: 9999;
    }

    .slgw-header-dialog{
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50% ,-50%);
        background-color: #fff;
        z-index: 9999;
        border-radius: 10px;
    }

    .slgw-down-file-info{
        width: 500px;
        padding: 40px;
    }

    .slgw-dialog-header-title{
        border-bottom: 1px solid #e9eaec;
        line-height: 30px;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .slgw-dialog-header-title-lf{
        color: #353948;
        font-size: 22px;
        font-family: AlibabaPuHuiTi-Medium;
    }
    .slgw-dialog-header-title-rf{
        font-family: AlibabaPuHuiTi-Regular;
        font-size: 14px;
        /* width: 60px;
        height: 30px; */
        line-height: 1;
        padding: 8px 16px;
        /* line-height: 30px; */
        border-radius: 16px;
        color: #353948;
        border: 1px solid #bfc0c7;
        text-align: center;
        cursor: pointer;
    }

    .slgw-dialog-header-title-rf:hover{
        background-color: #353948;
        color : #fff;
    }

    .slgw-dialog-header-info{
        width: 100%;
    }

    .slgw-dialog-header-info>li{
        width: 100%;
        min-height: 48px;
        margin-bottom: 15px;
        line-height: 48px;
        position: relative;
    }

    .slgw-dialog-header-input-container{
        width: 100%;
        /* height: 100%; */
        border: 1px solid #e9eaec;
        border-radius: 5px;
        overflow: hidden;
        height: 48px;
        position: relative;
    }

    .slgw-dialog-header-info>li .error{
        border-color: #d8162f;
    }

    .slgw-dialog-header-input{
        width: 100%;
        height: 100%;
        font-size: 14px;
        font-family: AlibabaPuHuiTi-Regular;
        color: #353948;
        padding-left: 20px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .slgw-down-prod-file textarea{
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding-top: 12px;
    }

    .slgw-dialog-header-info input::-webkit-input-placeholder{   /* 使用webkit内核的浏览器 */
        color: #bbbcc4;
        font-family: AlibabaPuHuiTi-Regular;
    }

    .slgw-dialog-header-info input:-moz-placeholder{    /* Firefox版本4-18 */
        color: #bbbcc4;
        font-family: AlibabaPuHuiTi-Regular;
    }

    .slgw-dialog-header-info input::-moz-placeholder{    /* Firefox版本19+ */
        color: #bbbcc4;
        font-family: AlibabaPuHuiTi-Regular;
    }

    .slgw-dialog-header-info input:-ms-input-placeholder{   /* IE浏览器 */
        color: #bbbcc4;
        font-family: AlibabaPuHuiTi-Regular;
    }
    .slgw-dialog-header-info textarea::-webkit-input-placeholder{   /* 使用webkit内核的浏览器 */
        color: #bbbcc4;
        font-family: AlibabaPuHuiTi-Regular;
    }

    .slgw-dialog-header-info textarea:-moz-placeholder{    /* Firefox版本4-18 */
        color: #bbbcc4;
        font-family: AlibabaPuHuiTi-Regular;
    }

    .slgw-dialog-header-info textarea::-moz-placeholder{    /* Firefox版本19+ */
        color: #bbbcc4;
        font-family: AlibabaPuHuiTi-Regular;
    }

    .slgw-dialog-header-info textarea:-ms-input-placeholder{   /* IE浏览器 */
        color: #bbbcc4;
        font-family: AlibabaPuHuiTi-Regular;
    }

    .slgw-dialgo-header-button{
        display: block;
        width: 154px;
        height: 41px;
        line-height: 41px;
        border-radius: 20px;
        background-color: #bbbcc4;
        margin-top: 25px;
        font-family:  AlibabaPuHuiTi-Medium;
        font-size: 22px;
        text-align: center;
        color: #fff;
        margin-bottom: 10px;
    }

    .slgw-dialgo-header-bottom .active{
        background-color: #5e616c;
    }

    /* 留言板 */

    .slgw-message-board{
        width: 1200px;
        padding: 40px 80px;
    }

    .slgw-message-board-container .slgw-dialog-header-input-container{
        width: 500px;
    }

    .slgw-message-board-container .slgw-dialog-header-li{
        width: 100%;
    }

    .slgw-message-board-container .slgw-dialog-header-input-container-areatext{
        width: 100%;
    }

    .slgw-message-board-container  .slgw-dialog-header-input-container-areatext {
        height: 160px;
    }
    .slgw-dialog-header-input-container-areatext .textarea_message{
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 10px;
    }

    .slgw-dialog-header-clause{
        color: #363947;
        font-size: 14px;
        font-family: AlibabaPuHuiTi-Regular;
        line-height: 30px;
        width: 100%;
    }
    .slgw-dialog-header-clause-item{
        width: 100%;
        display: flex;
        flex-direction: row;
        cursor: pointer;
    }

    .slgw-dialog-header-clause-item>span:first-child{
        display: block;
        width: 14px;
        height: 14px;
        border: 1px solid #c2c3c9;
        margin-right: 5px;
        position: relative;
        top: 8px;
        background-position: center center;
        background-size: auto auto;
        background-repeat: no-repeat;
        border-radius: 2px;
    }

    .slgw-dialog-header-clause-item>span:last-child{
       width: calc(100% - 20px);
       white-space: nowrap;
    }

    .slgw-dialog-header-clause-item>span.selected:first-child{
        background-image: url(../image/header/selected.png);
    }
}


/*  留言板工具  down file mobile*/
@media only screen and (max-width: 768px){


    .slgw-down-prod-file .slgw-down-file-info{
        width: 6.3rem;
        top: 50%;
        left: 50%;
        transform: translate(-50% , -50%);
        border-radius: 0.1rem;
    }

    .slgw-header-dialog-contanier{
        width: 100%;
        min-height: calc(100% - 0.9rem);
        position: fixed;
        top: 0.9rem;
        left: 0;
        background-color: rgba(53, 57, 72, 0.5);
        z-index: 9999;
        overflow-y: auto;
    }

    .slgw-message-board-container{
        background-color: #fff;
    }

    .slgw-header-dialog{
        width: 100%;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0.6rem;
        padding-top: 0.8rem;
    }

    .slgw-dialog-header-title{
        width: 100%;
        font-size: 0.3rem;
        line-height: 0.4rem;
        padding-bottom: 0.35rem;
        border-bottom: 1px solid #e9eaec;
    }

    .slgw-dialog-header-title-lf {
        font-family: AlibabaPuHuiTi-Medium;
        color: #353948;
    }

    .slgw-dialog-header-title-rf{
        width: 0.8rem;
        height: 0.4rem;
        border-radius: 0.20rem;
        font-size: 0.26rem;
        font-family: AlibabaPuHuiTi-Regular;
        border: 1px solid #B9BAC2;
        color: #353948;
        text-align: center;
        line-height: 0.4rem;
    }

    .slgw-dialog-header-info{
        width: 100%;
        margin-top: 0.35rem;
    }

    .slgw-dialog-header-info>li{
        width: 100%;
        position: relative;
    }


    .slgw-dialog-header-input-container{
        width: 100%;
        /* height: 100%; */
        border: 1px solid #e9eaec;
        border-radius: 0.05rem;
        overflow: hidden;
        height: 0.6rem;
        line-height: 0.6rem;
        margin-bottom: 0.28rem;
        position: relative;
    }

    .slgw-dialog-header-info>li .error{
        border-color: #d8162f;
    }

    .slgw-dialog-header-input{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 0.22rem;
        font-family: AlibabaPuHuiTi-Regular;
        color: #353948;
        padding-left: 0.2rem;
    }


    .slgw-down-prod-file textarea{
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding-top: 0.1rem;
    }


    .slgw-dialog-header-info input::-webkit-input-placeholder{   /* 使用webkit内核的浏览器 */
        color: #b9bac2;
        font-family: AlibabaPuHuiTi-Regular;
    }

    .slgw-dialog-header-info input:-moz-placeholder{    /* Firefox版本4-18 */
        color: #b9bac2;
        font-family: AlibabaPuHuiTi-Regular;
    }

    .slgw-dialog-header-info input::-moz-placeholder{    /* Firefox版本19+ */
        color: #b9bac2;
        font-family: AlibabaPuHuiTi-Regular;
    }

    .slgw-dialog-header-info input:-ms-input-placeholder{   /* IE浏览器 */
        color: #b9bac2;
        font-family: AlibabaPuHuiTi-Regular;
    }
    .slgw-dialog-header-info textarea::-webkit-input-placeholder{   /* 使用webkit内核的浏览器 */
        color: #b9bac2;
        font-family: AlibabaPuHuiTi-Regular;
    }

    .slgw-dialog-header-info textarea:-moz-placeholder{    /* Firefox版本4-18 */
        color: #b9bac2;
        font-family: AlibabaPuHuiTi-Regular;
    }

    .slgw-dialog-header-info textarea::-moz-placeholder{    /* Firefox版本19+ */
        color: #b9bac2;
        font-family: AlibabaPuHuiTi-Regular;
    }

    .slgw-dialog-header-info textarea:-ms-input-placeholder{   /* IE浏览器 */
        color: #b9bac2;
        font-family: AlibabaPuHuiTi-Regular;
    }

    .slgw-message-board-container  .slgw-dialog-header-input-container-areatext {
        height: 2rem;
    }

    .slgw-dialog-header-input-container-areatext .textarea_message{
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 0.1rem;
    }

    .slgw-dialog-header-clause{
        color: #bbbcc4;
        font-size: 0.2rem;
        font-family: AlibabaPuHuiTi-Regular;
        line-height: 0.3rem;
        width: 100%;
        text-align: justify;
    }

    .slgw-dialog-header-clause-item{
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-bottom: 0.15rem;
    }


    .slgw-dialog-header-clause-item>span:first-child{
        display: block;
        width: 0.2rem;
        height: 0.2rem;
        border: 1px solid #c2c3c9;
        margin-right: 0.2rem;
        position: relative;
        top: 0.05rem;
        background-position: center center;
        background-size: 80% auto;
        background-repeat: no-repeat;
        border-radius: 0.02rem;
    }

    .slgw-dialog-header-clause-item>span:last-child{
        width: calc(100% - 0.4rem);
     }


     .slgw-dialog-header-clause-item>span.selected:first-child{
        background-image: url(../image/header/selected.png);
    }

    .slgw-dialgo-header-button{
        display: block;
        width: 2.3rem;
        height: 0.6rem;
        line-height: 0.6rem;
        border-radius: 0.3rem;
        background-color: #bbbcc4;
        margin-top: 0.3rem;
        font-family:  AlibabaPuHuiTi-Medium;
        font-size: 0.3rem;
        text-align: center;
        color: #fff;
        margin-bottom: 0.1rem;
    }

    .slgw-dialgo-header-bottom .active{
        background-color: #5e616c;
    }



}


.mont-regular{
    font-family: Mont-Regular;
}






@media only screen and (min-width: 769px){


    .slgw-wj-down{
        width: 175px;
        height: 30px;
        border-radius: 15px;
        background-color: #bbbcc4;
        text-align: center;
        line-height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }


    .slgw-wj-down .down_1{
        display: block;
        width: 18px;
        height: 100%;
        background-image: url(../svg/index-down.svg);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
        margin-right: 10px;
        /* position: relative;
        top: -1px; */
    }

    .slgw-wj-down .down_text{
        color: #fff;
        font-size: 14px;
        font-family: AlibabaPuHuiTi-Regular;
    }

}

@media only screen and (max-width: 768px){

    .slgw-wj-down{

        width: 3.7rem;
        height: 0.6rem;
        line-height: 0.6rem;
        border-radius: 0.3rem;
        background-color: #bbbcc4;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .slgw-wj-down .down_text{
        font-family: AlibabaPuHuiTi-Regular;
        font-size: 0.3rem;
        color: #fff;
    }

    .slgw-wj-down .down_1{
        display: block;
        width: 0.36rem;
        height: 0.6rem;
        background-image: url(../svg/index-down.svg);
        background-size: 0.36rem auto;
        background-repeat: no-repeat;
        background-position: center center;
        margin-right: 0.2rem;
        position: relative;
        z-index: 10;
    }

}